<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<div class="container yeah-news" id="yeah-news" style="background-color: white;">
	<div id="newslunbo" class="row clearfix">
		<div class="col-md-12 column">
			<div class="row clearfix">
				<div class="col-md-12 col-xs-12  col-sm-12 column yeah-us-talk-top">
					<div class="col-md-6  col-xs-6  col-sm-6 column">
						<span class="yeah-us-talk-top-left"> 热点新闻 </span>
					</div>
				</div>
			</div>
			<div class="row clearfix">
				<div class="col-md-6 col-xs-6  col-sm-6 column yeah-news-main">
					<div class="yeah_news_main_w  carousel" id="yeah_news_main_w">
						<!-- 轮播（Carousel）指标 -->
						<!-- <ol class="carousel-indicators">
                                <li data-target="#yeah_news_main" data-slide-to="0" class="active"></li>
                                <li data-target="#yeah_news_main" data-slide-to="1"></li>
                            </ol> -->
						<!-- 轮播（Carousel）项目 -->
						<div class="carousel-inner">
							<div v-bind:class="index==0?'item active':'item'"
								v-for="(li1,index) in list.news1">
								<img class="yeah_news_main_img" v-bind:src="li1.image" />
								<a v-bind:href="li1.link" target="_Blank"> <span
									class="yeah_news_main_title">{{li1.title}}</span></a>
								<div class="yeah_news_main_content">
									&nbsp;&nbsp;&nbsp;&nbsp;{{li1.descrip}}</div>
								<span class="yeah-span"
									style="display: inline-block; float: right;"><a
									v-bind:href="li1.link" target="_Blank">查看详情<i
										class="iconfont icon-more"></i></a></span>
							</div>
						</div>

						<!-- 轮播（Carousel）导航 -->
						<a class="news_slider_control_left left" href="#yeah_news_main_w"
							data-slide="prev"> <i class="left"></i>
						</a> <a class="news_slider_control_right right"
							href="#yeah_news_main_w" data-slide="next"> <i class="right"></i>
						</a>
					</div>
					<!-- <script>
						$(function() {
							// 轮播自动播放
							$('#yeah_news_main_w').carousel({
								//自动4秒播放
								interval : 1000
							});
						});
					</script> -->
				</div>
				<div>
					<div v-for="li2 in list.news2"
						class="col-md-6 col-xs-6  col-sm-6 column">
						<div class="row clearfix">
							<div
								class="col-md-12  col-xs-12  col-sm-12 column yeah-news-part">
								<div class="yeah_news_part_w">
									<img class="yeah_news_part_img" v-bind:src="li2.image" /> <a
										v-bind:href="li2.link" target="_Blank"> <span
										class="yeah_news_part_title">{{li2.title}}</span>
									</a>
									<div class="yeah_news_part_content">{{li2.descrip}}</div>
									<span class="yeah-span"
										style="display: inline-block; float: right;"><a
										v-bind:href="li2.link" target="_Blank">查看详情<i
											class="iconfont icon-more"></i></a></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
	$(document).ready(function() {
		$.post("news", function(data) {
			var v1 = new Vue({
				el : '#newslunbo',
				data : {
					list : data
				},
			})

		});
	});

	/* function Encrypt(word) { //加密
		var key = CryptoJS.enc.Utf8.parse("abcdefgabcdefg12");
		console.log("key:" + key);
		var srcs = CryptoJS.enc.Utf8.parse(word);
		console.log("srcs:" + srcs);
		var encrypted = CryptoJS.AES.encrypt(srcs, key, {
			mode : CryptoJS.mode.ECB,
			padding : CryptoJS.pad.Pkcs7
		});
		return encrypted.toString();
	}
	function Decrypt(word) { //解密
		var key = CryptoJS.enc.Utf8.parse("abcdefgabcdefg12");

		var decrypt = CryptoJS.AES.decrypt(word, key, {
			mode : CryptoJS.mode.ECB,
			padding : CryptoJS.pad.Pkcs7
		});
		return CryptoJS.enc.Utf8.stringify(decrypt).toString();
	} */
</script>
